<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="author" content="赵黎琴">
    <title>Liqin Zhao</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="container">

        <header>
            <div class="home">
                <img src="home1.jpg" width="1200px" height="580px" />
                <div class="mydiv"><img src="LQ.png" width="280px" height="280px" /></div>
                <div class="welcome">
                    <div class="h">
                        <h1>Hi, I am Liqin Zhao</h1>
                    </div>
                    <h2>Welcome</h2>
                    <h3>my website</h3>
                </div>
                <div class="rgba">
                    <a href="#home">Home</a>
                    <a href="#about me">About Me</a>
                    <a href="#i can">I Can</a>
                    <a href="#work">Work</a>
                    <a href="#contant">Contant</a>

                </div>
            </div>
        </header>
        <section class="body">

            <div class="about">
                <div class="A1-div "></div>
                <h1 id="about me">About Me</h1>

                <div class="tran1"></div>
                <div class="conclud">
                    <p>HI,我是赵黎琴<br> 欢迎来到我的个人网页
                        <br>
                    </p>
                </div>
                <div class="me"> <img src="me.jpg" width="300px" height="300px"></div>
            </div>
            <div class="Can">
                <div class="I-div"></div>
                <h1>I Can</h1>
                <div class="skill">
                    <div class="s1"> <img src="绘画.jpg" width="120px" height="120px"></div>
                    <div class="s2"><img src="PS.jpg" width="120px" height="120px"></div>
                    <div class="s3"><img src="AI.jpg" width="120px" height="120px"></div>
                </div>
            </div>
            <div class="work">
                <div class="W-div"></div>
                <h1 id="work">Work</h1>
                <h3>平面设计</h3>
                <div class="design">
                    <div class="d1"> <img src="三角形..jpg" width="220px" height="300px"></div>
                    <div class="d2"> <img src="香蕉..jpg" width="220px" height="300px"></div>
                    <div class="d3"><img src="中轴练习.jpg" width="220px" height="300px"></div>
                    <div class="d4"><img src="左右.jpg" width="220px" height="300px"></div>
                    <div class="d5"></div>
                </div>
            </div>
            <div class="paint">
                <div class="P-div"></div>
                <h3>绘画</h3>
                <div class="p1"><img src="8.jpg" width="252px" height="150px"></div>
                <div class="p2"><img src="6.jpg" width="155px" height="235px"></div>
                <div class="p3"><img src="1.jpg" width="270px" height="170px"></div>
                <div class="p4"><img src="2.jpg" width="230px" height="150px"></div>
                <div class="p5"> <img src="3.jpg" width="200px" height="200px"></div>

            </div>
            <div class="album">
                <div class="A-div"></div>
                <h3>我的画册</h3>
                <div class="a1"><img src="p15-p16.jpg" width="400px" height="150px"></div>
                <div class="a2"><img src="p5-p6.jpg" width="400px" height="150px"></div>
                <div class="a3"><img src="p1-p2.jpg" width="400px" height="150px"></div>
                <div class="a4"><img src="p13-p14.jpg" width="400px" height="150px"></div>
            </div>
        </section>
        <footer>
            <div class="contant">
                <div class="C-div"></div>
                <h1 id="contant">Contant Me</h1>
                <div class="last">
                    <div class="l1"><img src="qq.jpg" alt="">
                        <p>1192486519</p>
                    </div>
                    <div class="l2"><img src="微信.jpg" alt="">
                        <p>slzal261217</p>
                    </div>
                    <div class="l3"><img src="邮箱.jpg" alt="">
                        <p>1192486519@qq.com</p>
                    </div>
                </div>
            </div>
        </footer>



    </div>
</body>

</html>